<template>
  <div id="love_details">
    <c-title :hide="false" text='消费抵扣详情'></c-title>
    <div style="height: 1.25rem; background-color: #fff;"></div>
    <p>消费抵扣({{$i18n.t("元")}})</p>
    <p id="money">-100</p>
    <div class="tbs">
      <div class="left">抵扣商品</div>
      <div class="right">商品名称标题内容部分</div>
      <div class="left">商品价格</div>
      <div class="right">18841{{$i18n.t("元")}}</div>
      <div class="left">抵扣比例</div>
      <div class="right">10%</div>
    </div>
    <div class="lise"></div>
    <div class="tbs">
      <div class="left">订单编号</div>
      <div class="right">6958303457745602122</div>
      <div class="left">订单完成时间</div>
      <div class="right">2017-07-07 12:11:00</div>
      <div class="left">抵扣时间</div>
      <div class="right">2017-07-07 12:11:00</div>
    </div>
  </div>
</template>
<script>
import cTitle from "components/title";

export default {
  data() {
    return {
      balance: 0
      //是否开启充值

    };
  },
  methods:
      {

        getBalance() {

          var that = this;
          $http.get("finance.balance.balance", {}, "加载中...").then(function(response) {

            if (response.result == 1) {
              console.log(response.data);

            } else {
              that.$dialog.alert({ message: response.msg });

            }

          }, function(response) {
            that.$dialog.alert({ message: response.msg });

          });

        }

      },
  activated() {

  },
  components: { cTitle }
};
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
  #love_details {
    padding-bottom: 0.625rem;
    color: #333;
    background-color: #fff;

    p {
      background-color: #fff;
      font-size: 14px;
    }

    #money {
      font-weight: bold;
      color: #333;
      font-size: 28px;
      line-height: 3rem;
    }

    .lise {
      margin: 0.625rem 0.9375rem;
      border-bottom: 0.0625rem solid #ebebeb;
      display: block;
    }

    .tbs {
      display: flex;
      align-items: center;
      background: #fff;
      padding: 0 0.9375rem;
      flex-flow: row wrap;
      box-sizing: border-box;
      font-size: 14px;
      line-height: 1.875rem;

      .left {
        flex: 40%;
        text-align: left;
      }

      .right {
        flex: 60%;
        text-align: right;
      }
    }
  }
</style>
